<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="./base.css">
    <link rel="stylesheet" href="./index.css">
    <script src="./jquery-3.2.1.min.js"></script>
</head>
<body>
<div class="container">
    <div class="audio">
        <audio id="myAudio" src="">
            Your browser does not support the audio tag!!!
        </audio>
    </div>
    <div class="audio_controller">
        <div class="switch"></div>
        <div class="progress_box">
            <div class="total_bar progress"></div>
            <div class="current_bar progress"></div>
            <div class="jump_bar progress"></div>
            <div class="time">
                <div class="current_time">00:00</div>
                <div class="total_time">00:00</div>
            </div>
            <div class="music_title"></div>
        </div>
        <div class="volume_box">
            <div class="volume_progress">
                <div class="total_bar volume"></div>
                <div class="current_bar volume"></div>
                <div class="jump_bar volume"></div>
            </div>
        </div>
        <div class="list">歌曲列表</div>
        <div class="circulation_type" title="顺序播放">
            顺序播放
        </div>
    </div>
    <div class="lyrics">
        <ul class="lyrics_list"></ul>
    </div>
    <ul class="music_list">
    </ul>
</div>
</body>
<script src="./index.js"></script>
</html>